<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>平台筛选</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/media.css">
    <style>
            .nav-tabs {border-width: 0;margin-bottom: 1em;}
            .nav-tabs > li{font-size: 16px;font-weight: 500}
            .nav-tabs .active{font-size: 16px;}
            .nav-tabs .active a{color: #f3c12e !important;}
            </style>
</head>

<body>
    <div class="" id="header"></div>
    <!-- 主体 -->
    <section>
        <div class="container">
            <div class="ele-head">
                <h4>外汇交易商 <span>纳入标准：正版交易软件 正规监管机构授权</span></h4>
            </div>
            <div>

                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                      <li role="presentation" class="active"><a href="#merchant" role="tab" data-toggle="tab">平台商</a></li>
                      <li role="presentation" ><a href="#industryNews" role="tab" data-toggle="tab">行业雷达</a></li>
                      <li role="presentation"><a href="#marketNews"  role="tab" data-toggle="tab">市场雷达</a></li>
                      
                    </ul>
                  
                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="merchant"></div>
                      <div role="tabpanel" class="tab-pane " id="industryNews"></div>
                      <div role="tabpanel" class="tab-pane " id="marketNews">798747789999999999748999999</div>
                      
                    </div>
                  
                  </div>
            
        </div>
    </section>
    <!-- 尾部 -->
    <div id="footer"></div>
</body>

<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"> </script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/mine.js"></script>
<script src="js/core.js"></script>
<script>
$(function() {
    $("#header").load("./header.html")
    $("#footer").load("./footer.html")
    let nullHtml = `<div id="null" style='height:100px;'>没有相关内容，换个关键词搜一搜吧。</div>`;
    let keyword = GetQueryString("keywords");
    let merchant = ""; //搜索到的平台
    let industryNews = ''; //搜索到的行业雷达
    let marketNews = ''; //搜索到的市场雷达 searchList
    keyword = decodeURI(keyword)
    console.log(keyword)
    // 默认
    Getdata(fullSearch, {title: keyword}).then(res => {
        
        merchant = res.data.merchant;
        industryNews = res.data.industryNews;
        marketNews = res.data.marketNews;
        let item1 = "";//平台商
        let item2 = "";//行业雷达
        let item3 = "";//市场雷达
        
        
        
        
        $.each(merchant, function(index, val) {
            // console.log(val)
            item1 += `<div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="plat-item">
                            <div class="img"><a href="platDetail.html?id=${val.id}"><img class="img-responsive center-block" src="${val.imgPath}" alt=""></a><span>监督中</span></div>
                            <div class="item-info">
                                <a href="platDetail.html?id=${val.id}">
                                    <p class="tit">${val.name}</p>
                                </a>
                                <p class="label">
                                    <span class="span-group"><span class="s1">雷达评分</span><span class="s2">${val.radarScore}</span></span>
                                    
                                </p>
                                
                            </div>
                        </div>
                    </div>`
        })
        
        $("#merchant").html(item1);
        if (merchant.length == 0) {
            $("#merchant").html(nullHtml);
            
        }
        $.each(industryNews, function(index, val) {
            console.log(val)
            item2 += `<div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="plat-item">
                            <div class="img"><a href="platDetail.html?id=${val.id}"><img class="img-responsive center-block" src="${val.imgPath}" alt=""></a><span>监督中</span></div>
                            <div class="item-info">
                                <a href="platDetail.html?id=${val.id}">
                                    <p class="tit">${val.name}</p>
                                </a>
                                <p class="label">
                                    <span class="span-group"><span class="s1">雷达评分</span><span class="s2">${val.radarScore}</span></span>
                                    
                                </p>
                                
                            </div>
                        </div>
                    </div>`
        })
        $("#marketNews").html(item2);
        if (industryNews.length == 0) {
            $("#industryNews").html(nullHtml);            
        }
        $.each(marketNews, function(index, val) {
            console.log(val)
            item3 += `<div class="col-md-3 col-sm-6 col-xs-12">
                        <div class="plat-item">
                            <div class="img"><a href="platDetail.html?id=${val.id}"><img class="img-responsive center-block" src="${val.imgPath}" alt=""></a><span>监督中</span></div>
                            <div class="item-info">
                                <a href="platDetail.html?id=${val.id}">
                                    <p class="tit">${val.name}</p>
                                </a>
                                <p class="label">
                                    <span class="span-group"><span class="s1">雷达评分</span><span class="s2">${val.radarScore}</span></span>
                                    
                                </p>
                                
                            </div>
                        </div>
                    </div>`
        })
        $("#marketNews").html(item3);
        if (marketNews.length == 0) {
            console.log("marketNews")
            $("#marketNews").html(nullHtml)
           
        }
       
    })














    // 点击
  
    
    


















})
</script>

</html>